<style>
.viewClass {
	background: #F5F5F5;
	border: 4px solid #E3E3E3;
	border-radius: 6px;
	padding: 6px;
	position: absolute;
	width: 350px;
	z-index: 100;
	margin-left: 30px;
	margin-top: -15px;
}
</style>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/commons/taglibs.jsp"%>
<!-- 分页显示演示开始 -->
<form id="listForm" class="well form-search" action="${ctx}/adoms/order/myOrderList" method="post">
	<input type="hidden" name="pageNo" id="pageNo" value="${pageData.pagination.pageNo}" />
	<input type="hidden" name="fieldName" id="fieldName" value="${pageData.compositor.fieldName}" />
	<input type="hidden" name="compositorType" id="compositorType" value="${pageData.compositor.compositorType}" />
	<table class="table table-striped table-bordered table-condensed">
		<tr align="center">
			<th>
				订单编号|商品名称
				<y:search fieldType="S" fieldList="code,orderInfo" matchType="LIKE" className="input-medium search-query" />
				<button class="btn btn-small" onclick="search()" type="button">
					<i class="icon-search"></i>
					搜索
				</button>
				<a href="${ctx}/adoms/order/order" class="btn btn-small right">
					<i class="icon-heart"></i>
					我要下单
				</a>
			</th>
		</tr>
	</table>
</form>
<table class="table table-striped table-bordered table-condensed">
	<thead>
		<tr>
			<th>#</th>
			<th>
				<a href="javascript:sort('code')">订单编号</a>
			</th>
			<th>
				<a href="javascript:sort('orderInfo')">订购详情</a>
			</th>
			<th>
				<a href="javascript:sort('totalCost')">总价(元)</a>
			</th>
			<th>
				<a href="javascript:sort('orderCreateTime')">下单时间</a>
			</th>
			<th>
				<a href="javascript:sort('boxNumber')">总件数</a>
			</th>
			<th>
				<a href="javascript:sort('status')">订单状态</a>
			</th>
			<th>
				<a href="javascript:sort('fStatus')">订单状态</a>
			</th>
			<th>
				<a href="javascript:sort('departmentTarget')">发货部门</a>
			</th>
			<th>
				<a href="javascript:sort('createUser')">联系人</a>
			</th>
			<th>
				<a href="javascript:sort('phone')">联系电话</a>
			</th>
			<th align="center">操作</th>
		</tr>
	</thead>
	<tbody>
		<c:forEach var="entity" items="${pageData.result}" varStatus="index">
			<tr <c:if test="${!entity.visible}">bgcolor="#AFEEEE"</c:if>>
				<td>${index.index + 1}</td>
				<td>
					<a href="${ctx}/adoms/order/view/${entity.id}"> ${entity.code}</a>
					<%-- 					<a href="${ctx}/adoms/goods/orderGoods?orderId=${entity.id}"> ${entity.code}</a> --%>
				</td>
				<td>
					<a to="#w${index.index }" view href="#"">查看</a>
					<div id="w${index.index }" class="viewClass hide">
						${entity.orderInfo}
						<span class="close">
							<i class="icon-remove"></i>
						</span>
					</div>
					<a href="${ctx }/adoms/orderLine/list/${entity.id}">列表</a>
				</td>
				<td class="tRed">
					<fmt:formatNumber value="${entity.totalCost}" pattern="###,###.##"></fmt:formatNumber>
				</td>
				<td>
					<fmt:formatDate value="${entity.orderCreateTime}" pattern="yyyy-MM-dd HH:mm:ss" />
				</td>
				<td class="tRed">
					<fmt:formatNumber value="${entity.boxNumber}" pattern="###,##0.00"></fmt:formatNumber>
				</td>
				<td>${entity.status.value == '已提交' ? '待处理':entity.status.value}</td>
				<td>${entity.fStatus.v}</td>
				<td>${entity.departmentTarget.name}</td>
				<td>${entity.createUser}</td>
				<td>${entity.phone}</td>
				<td align="center">
					<c:if test="${entity.status.value != '已收货' && entity.status.value != '已取消' && entity.status.value != '待发货'}">
						<a href="${ctx}/adoms/order/myEdit/${entity.id}">${entity.status.value == '已发货' ? '':'修改'}</a>
						<a href="${ctx}/adoms/order/confirm/${entity.id}">${entity.status.value == '已发货' ? '确认收货':''}</a>
						<%-- 						<a href="${ctx}/adoms/goods/orderGoods?orderId=${entity.id}">${entity.status.value == '已发货' ? '确认收货':''}</a> --%>
					|
					</c:if>
					<%-- 					<c:if test="${entity.status.value == '已提交'}"> --%>
					<%-- 						<a href="${ctx}/adoms/order/myDelete/${entity.id}" confirm="删除后无法恢复,确定要删除吗?">刪除</a> --%>
					<!-- 					| -->
					<%-- 					</c:if> --%>
					<a href="${ctx}/adoms/order/view/${entity.id}">查看</a>
				</td>
			</tr>
		</c:forEach>
	</tbody>
</table>
<%@ include file="/WEB-INF/jsp/commons/pager.jsp"%>
<script>
	$(function() {
		$("a[view]").click(function() {
			$(".viewClass[id!=" + $(this).attr("to") + "]").hide();
			$($(this).attr("to")).show("slow");
			return false;
		});
		$("div").on("click", function() {
			$(".viewClass").hide("slow");
		});
		$(".close").click(function() {
			$(this).parent().hide("slow");
		});
	});
</script>